<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./node_modules/axios/dist/axios.js"></script>
    <script>
        async function request (data){
            let res = await axios({
                method:'POST', // 请求方法必须是 post
                url:'http://localhost:3000/graphql',
                data
            })
            return res.data.data
        }

        // request({query:`
        //   query getStudents {
        //         students{
        //            name,
        //            age,
        //            hobbies
        //         }
        //    }
        // `})

        // let id = '1'
        // request({query:`
        //   query getStudent{
        //         student(id:${id}){
        //             id,
        //            name,
        //            age,
        //            hobbies
        //         }
        //    }
        // `})

        // 服务端自动解析
        // request({
        //     query:`
        //         query getStudent($stuId:ID!){
        //                 student(id:$stuId){
        //                     id,
        //                     name,
        //                     age,
        //                     hobbies
        //                 }
        //         }
        //         `,
        //     variables: {
        //         stuId:1
        //     }
        // })

        // request({
        //     query:`
        //         mutation createStu($stu:InputStu!){
        //             create(inputStu:$stu){
        //                 id,
        //                 name,
        //                 age,
        //                 hobbies
        //             }
        //         }
        //         `,
        //     variables: {
        //         stu:{
        //             name:'张三',
        //             age:88,
        //             hobbies:[]
        //         }
        //     }
        // })

        // request({
        //     query:`
        //         mutation updateStu($id:ID!,$stu:UpdateStuInput!){
        //             update(stu:$stu,id:$id){
        //                 id,
        //                 name,
        //                 age,
        //                 hobbies
        //             }
        //         }
        //         `,
        //     variables: {
        //         stu:{
        //             name:'张三',
        //             age:88
        //         },
        //         id: '1'
        //     }
        // })

        request({
            query:`
                mutation deleteStu($id:ID!){
                    del(id:$id){
                        success
                    }
                }
                `,
            variables: {
                id: '1'
            }
        })
            
    </script>
</body>
</html>